{% extends "lxoa/layout.html" %}

{% block content %}
<style>
    .media {
        width: 100% !important;
        margin-bottom:0px;
    }
</style>
<div class="panel-body" style="">
    <a class="media" href="/static/lxoa/doc/rule.pdf"></a>
</div>
{% endblock %}

{% block scripts %}

<script src="/static/lxoa/js/jquery.media.js"></script>

<script type="text/javascript">
    $(function () {
        $('a.media').media({ width: '100%', height: $(document).height() - 260 });
    });
</script>

{% endblock %}